.smui_radio {
    display: flex;
    .radio__icon {
        border-radius: 50%;
        border: 1px solid var(--radio-notCheckedColor, #000);
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .radio__label {
        color: #000;
    }
}
.smui_radio--checked {
    .radio__icon {
        border: 1px solid var(--radio-checkedColor, #000);
        background: var(--radio-checkedColor, #000);
    }
    .radio__icon-svg {
        display: block;
    }
}

.smui_radio--size_md {
    gap: 6px;
    .radio__icon {
        width: 20px;
        height: 20px;
    }
    .radio__icon-svg {
        width: 14px;
        height: 14px;
    }
    .radio__label {
        font-size: 14px;
        line-height: 20px;
    }
}

.smui_radio--size_lg {
    gap: 9px;

    .radio__icon {
        width: 28px;
        height: 28px;
    }
    .radio__icon-svg {
        width: 16px;
        height: 16px;
    }
    .radio__label {
        font-size: 16px;
        line-height: 28px;
    }
}

.smui_radio--size_sm {
    gap: 3px;
    .radio__icon {
        width: 16px;
        height: 16px;
    }
    .radio__icon-svg {
        width: 10px;
        height: 10px;
    }
    .radio__label {
        font-size: 12px;
        line-height: 16px;
    }
}
